<template>
    <!--头部-->
    <div class="homecom">
    <!--调用子组件-->
    <HomeHeader/>
    <!--中间区域-->
    <main>
      <!--左侧导航栏-->
    <HomeSlide/>

    <!--右侧，根据菜单链接进行路由的渲染-->
    <aside>
      <router-view/>
    </aside>
    </main>
    </div>
</template>

<script>
//导入子组件
import HomeHeader from './home/HomeHrader.vue';
import HomeSlide from './home/HomeSlide.vue';

export default {
  name : "HomeCom",
  //注册子组件
  components : {
    HomeHeader,HomeSlide
  },
  data(){
        return{
            
        }
    },
    methods : {
        btn1(){
            this.$router.push('/login')
        }
    }

}

</script>
<style scoped>
.homecom{
  width: 100%;
  height: 98vh;
  overflow: hidden;
}
.homecom main{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
.homecom main aside{
  width: 80%;
  height: 100%;
    width: 100%;
    height: 98vh;
    overflow: hidden;
}
</style>